body {
    background: #F5F5EE;
}
.margin_to_nav{
    margin-top:2.5rem;
}
.text_color{
    line-height: 40px;
    font-size: 1rem;
    color: #55c658;
}
.color_gray{
    font-size: 1rem;
    color: #525252;
}
/*            首页  start      */
/*            导航栏 start     */
.header {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 100;
    width: 100%;
    height: 2.5rem;
    border-bottom: 1px solid #55c658;
    box-sizing: border-box;
    background: #fff;
}
.header_left {
    width: 3rem;
    padding-left: 1rem;
}
.header_middle {
    flex: 1;
}
.header_right {
    margin-top: .5rem;
}
.header_search {
    display: inline-block;
    width: 1.2rem;
    height: 1.8rem;
    background: url(../images/spirits.png) no-repeat 0rem 0rem;
    background-size: 21rem 21rem;
}
.header_hambager {
    display: inline-block;
    padding: 0 .6rem;
    width: 1rem;
    height: 1.8rem;
    background: url(../images/spirits.png) no-repeat -1.5rem 0rem;
    background-size: 21rem 21rem;
}
/*            导航栏 end     */
/*
对轮播的轮播圆点高亮样式的设置 start
*/
.swiper-pagination-bullet {
    /*修改分页的样式,记得是 background 而不是 color*/
    background: #fff;
    /*记得这里要加上 opacity:1 */
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #55c658;
}
/*
对轮播的轮播圆点高亮样式的设置 end
*/
.swiper-slide  img {
    width: 100%;
}
/* menu_items start */
.menu_items{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    padding: 0rem 0rem 1rem 0rem;
    width: 100%;
    text-align: center;
    background: #fff;
}
.menu_items a{
    margin-left: 4%;
    margin-top: 1rem;
    padding: .4rem 0rem;
    width: 20%;
    color: #525252;
    border: 1px solid #55c658;
    box-sizing: border-box;
    border-radius: .2rem;
}
.menu_items_dryh a{
    border: none!important;
}
.menu_items a:nth-child(4n) {
    margin-right: 4%;
}
/* menu_items end  */
.index_container>div,.index_container>ul{
    margin-top:1rem;
    padding:0 2%;
    width:96%;
    background:#fff;
}
/*"每日养花分享","养花知识"...几个模块的 相同部分 start*/
.title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height:2.5rem;
    line-height:2.5rem;
    font-size: .9rem;
    color: #525252;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
}
.title a{
    font-size: .8rem;
}
.items a{
    display: block;
}
.item{
    display: flex;
}
.item p{
    font-size:.8rem;
    color:#606060;
    line-height:1.25rem;
}
.item div{
    font-size:.7rem;
    color:#999;
}
.item span,.item small{
    font-size:.6rem;
    color:#999;
}
/*"每日养花分享","养花知识"...几个模块的 相同部分 end*/

/*"每日养花分享"  start*/
.text_text_items a{
    padding:.4rem .8rem;
    line-height:1.5rem;
    border-bottom:1px solid #BBB;
}
.text_text_items a:nth-child(1){
    padding:.8rem;
    border:1px solid #55c658;
}
.text_text_items a:nth-child(1) div:first-child{
    font-size:1rem;
    font-weight: bold;
    color:#55c658;
}
.text_text_item_left{
    width:20%;
    font-size:.8rem;
    color:#525252;
}
.text_text_item_mid{
    flex:1;
}
.text_text_item_right{
    width:80%;
    line-height:1.2rem;
    font-size:.8rem;
    color:#525252;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*"每日养花分享"  end*/

/*"养花知识" & "花卉治疗" start*/
.text_img_item{
    display: flex;
    flex-direction: column;
    padding:.25rem 0rem;
    border-bottom:1px solid #f5f5f5;
}
.text_img_item_top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.text_img_item_top_left {
    width: 60%;
}
.text_img_item_top_right {
    width: 30%;
}
.text_img_item_top_right img {
    width: 100%;
    height:4.5rem;
    border-radius:.2rem;
}
.text_img_item_top_left div{
    line-height:1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*"养花知识"  end*/

/*多肉植物 & 花卉大全  start*/
.img_img_img_items{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    text-align: center;
}
.img_img_img_items a{
    margin-right:4%;
    width:30%;
    color: #999;
    font-size:.6rem
}
.img_img_img_items a:nth-child(3n){
    margin-right:0%;
}
.img_img_img_item{
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding:.5rem 0rem;
    line-height:1.25rem;
}
.img_img_img_item img{
    margin-bottom:.2rem;
    border-radius: .2rem;
    width:100%;
}
.img_img_img_item p{
    color:#606060;
    font-size:.8rem;
}
/*多肉植物 end*/

/*其他 start*/
.others_items{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    text-align: center;
}
.others_items a{
    margin-left:1%;
    width:45%;
    height:4rem;
}
.others_items a:nth-child(2n){
    margin-right:2%;
}
.others_items a img{
    width:100%;
    border-radius: .2rem;
}
/*其他 end*/

/*            首页  end      */


/*            搜索页  start      */
.back{
    margin-left:.5rem;
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/spirits01.png) no-repeat -5.8rem -2.77rem;
    background-size:21rem  21rem;
}
.search_input{
    flex: 1;
    padding:.4rem;
    margin:.4rem;
    border:1px solid #31c37c;
    border-radius: .2rem;
    background: transparent;
}
.search_input #search_input{
    width:100%;
    height:100%;
    border:none;
    outline: none;
}
.search_btn{
    width: 2.5rem;
    font-size:.8rem;
}
.tips_text{
    position: relative;
    margin:3rem 1rem .5rem 1rem;
    font-size:.8rem;
}
.search_hot_item{
    display: inline-block;
    margin:.2rem;
    padding:.5rem 1.5rem;
    border:1px solid #31c37c;
    border-radius:.6rem;
}
/*            搜索页  end      */

/* 详情页  start*/
.content_container{
    margin-top:2.5rem;
    background: #fff;
}
.content_wrapper{
    margin-left:3%;
    width:94%;
    border-bottom: 1px solid #BBB;
}
.detail_title{
    margin-bottom:1rem;
    line-height: 2rem;
    font-size:1.2rem;
}
.detail_author_newstime{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom:.5rem;
    border-bottom: 1px solid #BBB;
}
.detail_author,.detail_befrom{
    font-size:.8rem;
    color:#BBB;
}
.detail_article h2,.detail_article h3,.detail_article div{
    line-height:1.4rem;
}
.detail_article h2{
    margin:.2rem 0rem;
    font-size:.9rem;
    color:#55c658;
}
.detail_article h3{
    margin:.2rem 0rem;
    font-size:.9rem;
    color:#ffa500;
}
.detail_article div{
     text-indent: 2rem;
     font-size:.8rem;
     color:#1a1a1a;
 }

.detail_article img{
    margin: 0 auto;
    width:100%;
}
.similar_article_items a{
    margin-top:1rem;
    border-bottom:1px solid #BBB;
}
/* 详情页  end*/

/*“养花知识” 列表页 start */
.bg_active{
    background:#55c658;
    color:#fff!important;
}
/*“养花知识” 列表页 end */

/*多肉之家 列表页 start*/
.menu_item img{
    margin:0 auto;
    width:100%;
}
.menu_items a div{
    margin:.2rem;
    padding:.2rem;
    border:.5px solid #55c658;
    border-radius: .2rem;
}
/*多肉之家 列表页 end*/

/* 多肉养护 start*/
.title_img_menu_item{
    flex-direction: column;
    justify-content: space-between;
}
.drzj_content_title{
    padding:.5rem 0rem;
}
.drzj_content_imgs{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.drzj_content_imgs img{
    width:33%;
    height:4rem;
    border-radius: .2rem;
}
.drzj_content_bottom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.dryh_items a:nth-child(1){
    border-top:none;
}
.dryh_items a{
    border-top:1px solid #BBB;
}
.eyes{
    padding-left: 1.2rem;
    width: 1rem;
    height: 1rem;
    line-height: 1.3rem;
    background: url("../images/find.png") no-repeat .2rem .3rem;
}
/* 多肉养护 end*/
/* 找多肉 start*/
.banner {
    margin: 0 auto;
    width: 100%;
    font-size:1rem;
}
.banner_one {
    margin-top:2.5rem;
    background: #fff;
}
.banner_one p{
    display: inline-block;
    margin: .2rem 0rem 0rem .2rem;
    padding:0rem .2rem;
    line-height:1.5rem;
    font-size:.8rem;
    color:#fff;
    border:1px solid #55c658;
    box-sizing: border-box;
    border-radius: .2rem;
    background: #55c658;
}
.floor{
    position: fixed;
    top:10%;
    right:0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.floor li{
    padding:.2rem;
    width:.5rem;
    height:.5rem;
    line-height: .5rem;
    text-align: center;
    list-style: none;
}
.floor a{
    color: black;
    text-decoration: none;
}
.floor li:nth-child(1) a {
    color:#55c658;
}
.active{
    color:#55c658!important;
}
.dr_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    padding:1rem 0rem;
    width:100%;
    text-align: center;
    background: #fff;
}
.dr_wrapper a{
    margin-left: 8%;
    margin-top:.3rem;
    width: 14%;
}
.dr_wrapper a:nth-child(5n){   /*改4： n前的数字取决于 一行要分布多少个li      */
    /* 很重要，注意这里是同一行的 最后一个 li的 margin-right的值*/
    margin-right:0%;
}
.dr_wrapper a img{
    width:100%;
    border-radius:.4rem;
}
.img_text_item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.img_text_item small{
    margin-top:.3rem;
}
/* 找多肉 end*/
/*版权部分 start*/
.copy_right{
    margin-top:6rem;
    padding:.5rem 0rem;
    width:100%;
    text-align: center;
    line-height: 1rem;
    font-size:.6rem;
    color:#fff;
    background:#414141;
}
/*版权部分 end*/
/*登录注册   start */
.userContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-top: 4rem;
}
.logoContainer {
    margin-top: 2rem;
}
.formContainer {
    width: 80%;
}
.formContainer > div:not(.others) {
    margin-top: 2rem;
}
.inputTextContainer {
    padding-left: 2rem;
    border-bottom: 1px solid #999;
}
.user{
    position: relative;
    background: url("../images/user.png") no-repeat .5rem .5rem;
}
.pwd{
    background:url("../images/pwd.png") no-repeat .5rem .5rem;
}
.user>img{
    position:absolute;
    right:0rem;
    top:.4rem;
    width:.8rem;
    height:.8rem;
    display: none;
}
input[type='tel'], input[type='text'], input[type='password'] {
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size:.8rem;
    border: none;
    outline: none;
}
/*认证的验证码 部分*/
.getNumber{
    position: absolute;
    right: 0;
    bottom: .2rem;
    width: 4rem;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    border: 1px solid #ccc;
    display: none;
}
.others {
    margin-top:1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.bColor{
    color:#999;
}
.commonColor{
    color:#55c658;
}
.btn{
    width:100%;
    height:2rem;
    line-height: 2rem;
    color:#fff;
    border:none;
    border-radius: .2rem;
    background: #31c37c;
}
/*start 遮罩层部分 */
.mask{
    position: absolute;
    left:0;
    top:0;
    z-index:100;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    display: none;
}
.maskTips{
    position: absolute;
    left:20%;
    top:40%;
    padding:1rem 2rem;
    z-index:101;
    font-size:1rem;
    color: #fff;
    border:1px solid #000;
    border-radius: .2rem;
    background:#000;
    display: none;
}
.close{
    position: absolute;
    right:10%;
    top:30%;
    z-index:101;
    display: none;
}
/*end 遮罩层部分 */

/*注册 页面*/
.registerContainer {
    align-items: flex-start;
    margin-left: 10%;
    width: 100%;
}
.welcome > div {
    margin-top: .5rem;
    font-size: .8rem;
    font-weight: bolder;
}
.welcome > div:nth-child(2) {
    text-indent: 1rem;
}
.agree{
    background: url("../images/user.png") no-repeat .5rem .5rem;
}
.disagree{
    background: url("../images/pwd.png") no-repeat .5rem .5rem;
}
#agree{
    margin-top:.5rem;
    padding-left: 1.5rem;
    height: 2rem;
    line-height: 2rem;
}
.registerBtn{
    background:#ccc;
}
.logoContainer img{
    width:8rem;
    height:4.5rem;
}
/*登录注册   end */

/* 菜单页面 start*/
.menu_title p{
    color: #55c658!important;
}
/* 菜单页面 end*/